<template>
    <div class="page-box">
        <dataList
            placeholder="请输入物业名称"
            :pageInfo="pager"
            :listData="tableData"
            :selectData="selectionList"
            searchName="projectName"
            :menuList="[{test:'回收押金'},{test1:'开收据'},{test2:'打印押金'},'export']"
            :filterList="filterList"
            @menu-click="handleMenuClick">
            <el-table :data="tableData" align="center" @selection-change="$event => (selectionList = $event)">
                <el-table-column width="60px" type="selection"></el-table-column>
                <el-table-column label="物业名称" align="center" prop="propertyNames" width="120"></el-table-column>
                <el-table-column label="客户名称" align="center" prop="customerName" width="120"></el-table-column>
                <el-table-column label="收款项目" align="center" prop="chargeProjectName" width="200"></el-table-column>
                <el-table-column label="实收日期" align="center" :formatter="dateFormat" prop="collectionTime" width="100"></el-table-column>
                <el-table-column label="实收金额(元)" align="center" prop="collectionAmount" width="100"></el-table-column>
                <el-table-column label="实收创建人" align="center" prop="createName" width="100"></el-table-column>
            </el-table>
        </dataList>
        <edit-refund ref="editRefund" @resetList="getListData" @handleClose="handleClose" v-if="editDataShow" @beforeClose="handleClose"></edit-refund>
        <depositsData ref="depositsData"></depositsData>
        <receiptData ref="receiptData"></receiptData>
    </div>
</template>

<script src="./index.js">

</script>

<style scoped>

</style>
